<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'estate.label', default: 'estate')}"/>
    <title>报告</title>
    <asset:stylesheet src="newMap/gisMap.css"/>
    <style>
    .selectContentTop{
        margin-top: 17px;
        position: absolute;
        left: 50%;
        margin-left: -300px;
    }
    .selectContent1{
        width: 100px;
        float: left;
        padding: 10px 0;
        padding-left: 12px;
        cursor: pointer;
        color: #679B43;
    }
    .selectContent1 a{
        color: #679B43!important;
    }
    .selectContent1:hover{
        background: #F3F7EF;
    }
    .lineHeight{
        margin-left: 40px;
        display: block;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .echartsRightBox{
        line-height: 25px;
        margin-top: 50px;
    }
    hr{
        margin-top: 20px;
        margin-bottom: 40px;
        border: 0;
        border-top: 1px solid #eee;
    }
    .buttonCollapse{
        padding: 0;
        margin: 0;margin-top: 0px;
        padding-left: 20px;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 13px;
        cursor: pointer;
        color: #62cb31;
        font-weight: bold;
        border: 1px solid #eaeaea;
        border-top: none;
        border-bottom: none;
    }
    .buttonCollapse1{
        padding:0;
        margin:0;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        border: none;
        font-size: 13px;
        color: #62cb31;
        font-weight: bold;
    }
    </style>
</head>

<body class="fixed-navbar fixed-sidebar">
%{--头部--}%
<div id="bankHeader">
    <div class="bankHeaderLeft pull-left">
        <asset:image src="banking7.png" style="display: block; float: left;width: 38px;"/>
        <div class="logoFont">押品预警系统</div>
        <div style="position: absolute;top: 60px;left: 26px;font-weight: bold;">广东</div>
        <div class="province">
            <asset:image src="banking9.png" style="display: block;float: left;"/>
            <div class="">广东 <span style="position: relative;top: 5px;left: 3px">ˇ</span></div>
        </div>
    </div>

    <div class="selectContentTop">
        <div class="selectContent1">
            <asset:image src="banking25.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="newMap" action="gisMap">地图</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking21.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="index">图表</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking27.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="monitor">监测</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking23.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="riskWarning">预警</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking26.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="report">报告</g:link></div>
        </div>
        %{--<div class="selectContent">--}%
        %{--<asset:image src="banking22.png" class="tabImage"/>--}%
        %{--<div class="tabFont1"><g:link controller="bankingRegulatory" action="developer">开发商</g:link></div>--}%
        %{--</div>--}%
        <div class="selectContent1">
            <asset:image src="banking28.png" class="tabImage"/>
            <div class="tabFont1">用户</div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking24.png" class="tabImage"/>
            <div class="tabFont1">机构</div>
        </div>
    </div>
    <div class="bankHeaderRight pull-right">
        <div class="userInfo">
            <span style="position: relative;top: 4px;">
                <i class="pe-7s-clock"></i>&nbsp;&nbsp;2018-10-18 09:32:55 <span style="margin: 0 15px;">管理员</span>
            </span>
            <div class="quit">退出</div>
        </div>
    </div>
</div>
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right navFloatRight">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>报告</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                报告
            </h2>
        </div>
    </div>
</div>

<div class="content animate-panel">

    <div class="row">
        <div class="hpanel hblue">
            <div class="panel-heading">
                <div class="panel-tools">
                    <button class="btn btn-primary btn-xs" id="searchData" type="submit"><i
                            class="fa fa-search"></i> 查询</button>
                    <button class="btn btn-warning2 btn-xs" type="button" id="resetBtn">
                        <i class="fa fa-times"></i> 重置</button>
                    <a class="showhide"><i class="fa fa-chevron-down"></i></a>
                </div>
                查询
            </div>
            <div class="panel-body">
                <g:form method="POST" action="stressAnalyze" class="form-horizontal" role="form" id="form">
                    <div class="row">
                        <div class="form-group col-sm-3">
                            <label class="col-sm-3 control-label">银行</label>
                            <div class="col-sm-9 input-group" style="display: flex;justify-content: center">
                                <g:select class="form-control" name="city" id="bank" from="${com.cindata.Account.findAllByProvince(com.cindata.Province.findByName("广东省"), [sort: 'name', order: 'asc'])}"
                                          valueMessagePrefix="status" optionKey="id" optionValue="name"
                                          value="${params?.city}" noSelection="${['': '请选择银行']}"/>
                            </div>
                        </div>
                    </div>
                </g:form>
                <g:form method="POST" action="stressAnalyze" class="form-horizontal" role="form" id="form">
                    <div class="row">
                        <div class="form-group col-sm-12">
                            <label for="city" class="col-sm-1 control-label" style="margin-left: -2.4%;">城市</label>
                            <div class="col-sm-11" style="padding-top: 8px;">
                                %{--<input type="checkbox" value="" name="" class="allCheckbox i-checks">  全选--}%
                                <input type="radio" value="广州市" name="citySelect" class="everyCheckbox i-checks" checked>  广州市
                                <input type="radio" value="珠海市" name="citySelect" class="everyCheckbox i-checks">  珠海市
                                <input type="radio" value="汕头市" name="citySelect" class="everyCheckbox i-checks">  汕头市
                                <input type="radio" value="佛山市" name="citySelect" class="everyCheckbox i-checks">  佛山市
                                <input type="radio" value="韶关市" name="citySelect" class="everyCheckbox i-checks">  韶关市
                                <input type="radio" value="湛江市" name="citySelect" class="everyCheckbox i-checks">  湛江市
                                <input type="radio" value="肇庆市" name="citySelect" class="everyCheckbox i-checks">  肇庆市
                                <input type="radio" value="江门市" name="citySelect" class="everyCheckbox i-checks">  江门市
                                <input type="radio" value="茂名市" name="citySelect" class="everyCheckbox i-checks">  茂名市
                                <input type="radio" value="惠州市" name="citySelect" class="everyCheckbox i-checks">  惠州市
                                <input type="radio" value="云浮市" name="citySelect" class="everyCheckbox i-checks">  云浮市
                                <input type="radio" value="揭阳市" name="citySelect" class="everyCheckbox i-checks">  揭阳市
                                <input type="radio" value="潮州市" name="citySelect" class="everyCheckbox i-checks">  潮州市
                                <input type="radio" value="梅州市" name="citySelect" class="everyCheckbox i-checks">  梅州市
                                <input type="radio" value="汕尾市" name="citySelect" class="everyCheckbox i-checks">  汕尾市
                                <input type="radio" value="河源市" name="citySelect" class="everyCheckbox i-checks">  河源市
                                <input type="radio" value="阳江市" name="citySelect" class="everyCheckbox i-checks">  阳江市
                                <input type="radio" value="清远市" name="citySelect" class="everyCheckbox i-checks">  清远市
                                <input type="radio" value="东莞市" name="citySelect" class="everyCheckbox i-checks">  东莞市
                                <input type="radio" value="中山市" name="citySelect" class="everyCheckbox i-checks">  中山市
                            </div>
                        </div>
                    </div>
                </g:form>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                押品分布分析
            </div>
            <div class="panel-body" style="border-bottom: none; padding-bottom: 0">
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">城市/行政区押品分布</h4>
                    <span class="lineHeight"><strong> 广州银行</strong> 押品分布在 <strong style="color: #FF0000;">17</strong> 个行政区，共 <strong style="color: #FF0000;">35172</strong> 件押品，其中在 <strong style="color: #62cb31;">天河区</strong> 的数量最多，有 <strong style="color: #FF0000;">14917</strong> 件，占全量押品的 <strong style="color: #FF0000;">41.18%</strong>，其次为 <strong style="color: #62cb31;">越秀区</strong> 和 <strong style="color: #62cb31;">增城区</strong>，押品数量分别为 <strong style="color: #FF0000;">2183</strong> 件和 <strong style="color: #FF0000;">2488</strong> 件，分别占全量押品的 <strong style="color: #FF0000;">18.36%</strong> 和 <strong style="color: #FF0000;">18.26% </strong></span>
                </div>
                <div>
                    <span class="lineHeight"><strong> 深圳银行</strong> 押品分布在 <strong style="color: #FF0000;">8</strong> 个行政区，共 <strong style="color: #FF0000;">32472</strong> 件押品，其中在 <strong style="color: #62cb31;">白云区</strong> 的数量最多，有 <strong style="color: #FF0000;">35217</strong> 件，占全量押品的 <strong style="color: #FF0000;">52.18%</strong>，其次为 <strong style="color: #62cb31;">南沙区</strong> 和 <strong style="color: #62cb31;">海珠区</strong>，押品数量分别为 <strong style="color: #FF0000;">14523</strong> 件和 <strong style="color: #FF0000;">10288</strong> 件，分别占全量押品的 <strong style="color: #FF0000;">28.37%</strong> 和 <strong style="color: #FF0000;">32.14% </strong></span>
                </div>
            </div>

            <div class="row">
                <div class="hpanel" style="">

                    <div class="col-md-12">
                        <div class="hpanel">

                            <h4 class="showhide buttonCollapse">查看所有数据
                                <div class="panel-tools pull-right">
                                    <a class=""><i class="fa fa-chevron-down" style="font-size: 13px; margin-right: 9px;"></i></a>
                                </div>
                            </h4>

                            <div class="panel-body" style="border:none; display: none;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
                                <div class="table-responsive">
                                    <table cellpadding="1" cellspacing="1" class="table table-striped table-bordered table-hover text-center" id="esateTable">
                                        <thead>
                                        <tr>
                                            <th class="text-center">城市</th>
                                            <th class="text-center">行政区</th>
                                            <th class="text-center">小区名称</th>
                                            <th class="text-center">押品数量</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        <tr>
                                            <td class="text-center">广州市</td>
                                            <td class="text-center">天河区</td>
                                            <td class="text-center">富阳太阳城</td>
                                            <td class="text-center">23841</td>
                                        </tr>

                                        <tr>
                                            <td class="text-center">广州市</td>
                                            <td class="text-center">白云区</td>
                                            <td class="text-center">瑞隆城</td>
                                            <td class="text-center">16778</td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>



    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                押品抵押率分析
            </div>
            <div class="panel-body" style="border-bottom: none; padding-bottom: 0">
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">城市行政区押品抵押率</h4>
                    <span class="lineHeight"><strong> 中国银行</strong> <b class="text-success">广州市</b> 的动态抵押率为 <b class="text-danger">62.5%</b>，其中 <b class="text-success">越秀区</b>的抵押率<b class="text-danger">30.1%</b>。</span>
                </div>
                <div>
                    <span class="lineHeight"><strong> 建设银行</strong> <b class="text-success">湛江市</b> 的动态抵押率为 <b class="text-danger">56.1%</b>，其中 <b class="text-success">越秀区</b>的抵押率<b class="text-danger">20.0%</b>。</span>
                </div>
            </div>

            <div class="row">
                <div class="hpanel" style="">

                    <div class="col-md-12">
                        <div class="hpanel">

                            <h4 class="showhide buttonCollapse">查看所有数据
                                <div class="panel-tools pull-right">
                                    <a class=""><i class="fa fa-chevron-down" style="font-size: 13px; margin-right: 9px;"></i></a>
                                </div>
                            </h4>

                            <div class="panel-body" style="border:none; display: none;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;">
                                <div class="table-responsive">
                                    <table cellpadding="1" cellspacing="1" class="table table-striped table-bordered table-hover text-center">
                                        <thead>
                                        <tr>
                                            <th class="text-center">银行</th>
                                            <th class="text-center">城市</th>
                                            <th class="text-center">行政区</th>
                                            <th class="text-center">押品类型</th>
                                            <th class="text-center">动态抵押率</th>
                                        </tr>
                                        </thead>
                                        <tbody>

                                        <tr>
                                            <td class="text-center">中国银行</td>
                                            <td class="text-center">广州</td>
                                            <td class="text-center">白云区</td>
                                            <td class="text-center">住宅</td>
                                            <td class="text-center">42%</td>
                                        </tr>

                                        <tr>
                                            <td class="text-center">中国银行</td>
                                            <td class="text-center">广州</td>
                                            <td class="text-center">白云区</td>
                                            <td class="text-center">住宅</td>
                                            <td class="text-center">38%</td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>



    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                住宅价格分析
            </div>
            <div class="panel-body" style="border-bottom: none; padding-bottom: 0">
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">城市行政区住宅价格</h4>
                    <span class="lineHeight">
                        <strong> 中国银行 </strong> <b class="text-success">广州市</b>的住宅价格平均8000/平方米，跌幅为<b class="text-success">20%</b>。
                        二手房的价格为<b class="text-danger">8000/平方米</b>，一手房和二手房的价差为<b class="text-danger">1000/平方米</b>。其中<b class="text-success">越秀区</b>
                        的价格最高，为<b class="text-danger">8000/平方米</b>，跌幅为<b class="text-danger">15%</b>。
                    </span>
                </div>
            </div>

            <div class="row">
                <div class="hpanel" style="">
                    <div class="col-md-12">
                        <div class="">
                            <h4 class=" buttonCollapse">查看所有数据
                                <div class="panel-tools pull-right">
                                    <a class=""><i class="fa fa-chevron-down" style="font-size: 13px; margin-right: 9px;"></i></a>
                                </div>
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                商业用房价格分析
            </div>
            <div class="panel-body" style="border-bottom: none; padding-bottom: 0">
                <div>
                    <h4 style="font-size: 13px;color: #62cb31;">城市行政区商业用房住宅价格</h4>
                    <span class="lineHeight">
                        <strong> 中国银行 </strong> <b class="text-success">广州市越秀区</b>的商业用房价格最高的为天河区，价格为<b class="text-danger">90000/平方米</b>，
                        降幅为<b class="text-danger">20%</b>，其次为<b class="text-success">白云区</b>，价格为<b class="text-danger">80000/平方米</b>，降幅为<b class="text-danger">5%</b>。
                    </span>
                </div>
            </div>

            <div class="row">
                <div class="hpanel" style="">
                    <div class="col-md-12">
                        <div class="">
                            <h4 class=" buttonCollapse">查看所有数据
                                <div class="panel-tools pull-right">
                                    <a class=""><i class="fa fa-chevron-down" style="font-size: 13px; margin-right: 9px;"></i></a>
                                </div>
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                开发商分析
            </div>
            <div class="panel-body" style="border-bottom: none; padding-bottom: 0">
                <div>
                    <span class="lineHeight" style="font-size: 13px;">广州市开发商<b class="text-success">碧桂园</b>，贷款总额为<b class="text-danger">1000万</b>，贷款余额为<b class="text-danger">500万</b>，
                    还款进度为<b class="text-danger">50%</b>；建筑总面积为<b class="text-danger">5000平方米</b>，已完工<b class="text-danger">3000平方米</b>；
                    总销售面积为<b class="text-danger">3000平方米</b>，已销售完成<b class="text-danger">3000平方米</b>。</span>
                    <span class="lineHeight">
                        碧桂园的关联企业有：<b class="text-success">碧桂园1</b>贷款占比为<b class="text-danger">30%</b>，贷款环比为<b class="text-danger">10%</b>；
                        <b class="text-success">碧桂园2</b>贷款占比为<b class="text-danger">10%</b>，贷款环比为<b class="text-danger">5%</b>。

                    </span>
                </div>
            </div>

            <div class="row">
                <div class="hpanel" style="">
                    <div class="col-md-12">
                        <div class="">
                            <h4 class=" buttonCollapse">查看所有数据
                                <div class="panel-tools pull-right">
                                    <a class=""><i class="fa fa-chevron-down" style="font-size: 13px; margin-right: 9px;"></i></a>
                                </div>
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                债偿收入比分析
            </div>
            <div class="panel-body" style="border-bottom: none; padding-bottom: 0">
                <div>
                    <span class="lineHeight">
                        <strong> 中国银行 </strong> <b class="text-success">广州市白云区</b>的债偿收入比为<b class="text-danger">60%</b>，其中20-29岁债偿收入比为<b class="text-danger">35%</b>
                        ，30-39岁债偿收入比为<b class="text-danger">50%</b>，40-49岁债偿收入比为<b class="text-danger">30%</b>，50-59岁债偿收入比为<b class="text-danger">40%</b>;
                    </span>
                </div>
                <div>
                    <span class="lineHeight">
                        <strong> 中国银行 </strong> <b class="text-success">广州市越秀区</b>的债偿收入比为<b class="text-danger">42.5%</b>，其中20-29岁债偿收入比为<b class="text-danger">15.6%</b>
                        ，30-39岁债偿收入比为<b class="text-danger">10.2%</b>，40-49岁债偿收入比为<b class="text-danger">20.5%</b>，50-59岁债偿收入比为<b class="text-danger">10.8%</b>;
                    </span>
                </div>
            </div>

            <div class="row">
                <div class="hpanel" style="">
                    <div class="col-md-12">
                        <div class="">
                            <h4 class=" buttonCollapse">查看所有数据
                                <div class="panel-tools pull-right">
                                    <a class=""><i class="fa fa-chevron-down" style="font-size: 13px; margin-right: 9px;"></i></a>
                                </div>
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                经营性物业贷款比例分析
            </div>
            <div class="panel-body" style="border-bottom: none; padding-bottom: 0">
                <div>
                    <span class="lineHeight">
                        <strong> 中国银行 </strong>经营性物业贷款比例最高为广州市<b class="text-success">白云区</b><b class="text-danger">60%</b>，其次为<b class="text-success">花都区</b><b class="text-danger">45%</b>；
                    </span>
                </div>
                <div>
                    <span class="lineHeight">
                        <strong> 工商银行 </strong>经营性物业贷款比例最高为广州市<b class="text-success">花都区</b><b class="text-danger">60%</b>，其次为<b class="text-success">白云区</b><b class="text-danger">45%</b>；
                    </span>
                </div>

            </div>

            <div class="row">
                <div class="hpanel" style="">
                    <div class="col-md-12">
                        <div class="">
                            <h4 class=" buttonCollapse">查看所有数据
                                <div class="panel-tools pull-right">
                                    <a class=""><i class="fa fa-chevron-down" style="font-size: 13px; margin-right: 9px;"></i></a>
                                </div>
                            </h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



</div>
</body>
</html>
